


        Vue.component('v-footer',{
            template:`<footer>
                <div class="content fluid flex">
                    <a href="index.html"><img :src="logo"></a>
                    <ul class="flex">
                        <li>
                            <p><a href="service.html">服务优选</a></p>
                            <div class="sonMenu">
                                <p><a href="live.html">电商直播</a></p>
                                <p><a href="serviceInf.html?id=120">云电商</a></p>
                                <p><a href="serviceInf.html?id=119">影视制作</a></p>
                                <p><a href="serviceInf.html?id=125">校园服务</a></p>
                            </div>
                        </li>
                        <li>
                            <p><a href="about.html">关于我们</a></p>
                            <div class="sonMenu">
                                <p><a href="about.html?pointId=intro">公司简介</a></p>
                                <p><a href="about.html?pointId=team">公司历程</a></p>
                                <p><a href="join.html">加入我们</a></p>
                                <p><a href="contact.html">联系我们</a></p>
                            </div>
                        </li>
                        <li>
                            <p><a href="news.html">新闻动态</a></p>
                            <div class="sonMenu">
                                <p><a href="news.html?type=83">文章</a></p>
                            </div>
                        </li>
                        <li><p><a href="case.html">案例合作</a></p></li>
                        <li>
                            <p>联系方式：</p>
                            <span>+150-5727-6619</span>
                            <span>+150-5727-6619</span>
                            <p>邮箱：</p>
                            <span>912900934@qq.com</span>
                            <span>912900934@qq.com</span>
                        </li>
                    </ul>
                    <div class="code">
                        <p class="pic"><img :src="wxcode"></p>
                        <p>微信公众号</p>
                    </div>
                </div>
                <i></i>
                <div class="foot fluid flex">
                    <p class="right">版权所有：{{webBasicInf.copyright}} <a href="http://beian.miit.gov.cn" class="banquantext">{{webBasicInf.icp}}</a></p>
                    <p class="tech">技术支持：<a href="http://www.chuanshi.tech/" class="banquantext">穿石科技</a></p>
                </div>
            </footer>`,
            data:function(){
                return{
                  webBasicInf:{},
                  nav:[],
                  service:[],
                  logo:'',
                  wxcode:''
                }
            },
            created:function(){
                //获取网站基本信息
                axios.get(dataUrl + 'api/getWebsite',{
                    headers:{
                    Authorization: headers
                    }
                })
                .then((res) => {
                    //console.log(res.data.data);
                    this.webBasicInf = res.data.data;
                })

                //logo
                axios.post(dataUrl + 'api/getBanner',{identification:'COMMON_ICON'},{
                    headers:{
                      Authorization: headers
                    }
                })
                .then((res) => {
                    //console.log(res);
                    this.logo = res.data.data[1].imgPath;
                    this.wxcode = res.data.data[2].imgPath;
                })

                //nav
                axios.get(dataUrl + 'api/getNavbar',{
                    headers:{
                        Authorization: headers
                    }
                }).then((res) => {
                    //console.log(res.data.data);
                    this.nav = res.data.data;
                })

                axios({
                    method:'post',
                    url: dataUrl + '/api/v2/getArchives',
                    headers:{Authorization: headers},
                    data:{id:52,desc:0,ext06:0,size:4,page:1}
                }).then((res)=>{
                    //console.log(res);
                    this.service = res.data.data.list;
                });
            }
        });